import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import {FormsModule} from "@angular/forms";


import { AppComponent } from './app.component';
import { FirstComponent } from './components/first/first.component';
import { SecondComponent } from './components/second/second.component';
import { ThirdComponent } from './components/third/third.component';
import { Study01Component } from './components/study01/study01.component';
import { InnerDirectiveComponent } from './components/inner-directive/inner-directive.component';
import { TemplateVarComponent } from './components/template-var/template-var.component';
import { DoubleBindComponent } from './components/double-bind/double-bind.component';
import { AjaxSendComponent } from './components/ajax-send/ajax-send.component';

import { HttpClientModule, HttpClientJsonpModule } from '@angular/common/http';


import { Api } from './api/Api';

@NgModule({
  declarations: [
    AppComponent,
    FirstComponent,
    SecondComponent,
    ThirdComponent,
    Study01Component,
    InnerDirectiveComponent,
    TemplateVarComponent,
    DoubleBindComponent,
    AjaxSendComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpClientModule,
    HttpClientJsonpModule
  ],
  providers: [
      Api
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }
